<template>
  <div>
      <ul>         
            <li><router-link to="/a">护肤</router-link></li>
             <li> <router-link to="/b">彩妆</router-link></li>
              <li><router-link to="/c">香水</router-link></li>
              <li><router-link to="/d">工具</router-link></li>
              <li><router-link to="/e">男士</router-link></li>
               <li><router-link to="/f">洗浴护体</router-link></li>
              <li><router-link to="/g">美发护发</router-link></li>
              <li><router-link to="/h">肤食</router-link></li>        
      </ul>
  </div>
</template>

<script>
export default {


}
</script>

<style scoped>
div{
    width: 20%;
   
    float: left;
    font-size: 0.14rem;
   
}

li{
     text-align: center;
    line-height: 0.6rem;
}
</style>